<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/top.css"/>
		<link rel="stylesheet" type="text/css" href="css/friends.css"/>
	</head>
	<body>
		<div class="top">
			<div class="top-back">
				<i class="fa fa-angle-left"></i>
				返回
			</div>
			<div class="top-close">关闭</div>
			<div class="top-more">
				<i class="fa fa-ellipsis-h "></i>
			</div>
			<div class="top-title">你的家庭理财管家</div>
		</div>
		<div class="head-title">
			<span class="head-title-call">
				<span class="head-title-dear">亲爱的</span>
				<span class="head-title-name">小明</span>
			</span>
			<span class="head-title-welcome">欢迎参加亲朋好友计划</span>
		</div>
		<div class="img">
			<img src="img/main-friends.png" width="100%" alt="亲朋好友计划" />
		</div>
		<div class="active-time">
			活动时间：2018年2月1日至2018年2月28日
		</div>
		<div class="frame frame-first">
			<div class="frame-title recommend-title">推荐人与被推荐人</div>
			<div class="frame-panel recommend-panel">
				<div class="frame-detail recommend-detail frame-detail-first">
					<span class="recommend-detail-start">推荐人成功推荐一名</span>
					<i class="fa fa-long-arrow-right"></i>
					<span class="recommend-detail-end">获得170元现金</span>
				</div>
				<div class="frame-detail recommend-detail">
					<span class="recommend-detail-start">被推荐人购买服务</span>
					<i class="fa fa-long-arrow-right"></i>
					<span class="recommend-detail-end">自动延长一个月有效期</span>
				</div>
			</div>
		</div>
		<div class="frame">
			<div class="frame-title question-title">对于活动的疑问</div>
			<div class="frame-panel question-panel">
				<div class="frame-detail question-detail frame-detail-first">
					<div class="question-num">1</div>
					<div class="question-panel">
						<div class="question-content">
							问：如何算成绩
						</div>
						<div class="question-answer">
							<span class="question-da">答：</span><div 
								class="question-huida">
								将你的推荐码告知朋友将你的推荐码告知朋友<br />
								将你的推荐码告知朋友<br />
								将你的推荐码告知朋友。。。。
							</div>
						</div>
					</div>
				</div>
				<div class="frame-detail question-detail">
					<div class="question-num">2</div>
					<div class="question-panel">
						<div class="question-content">
							问：如何算成绩
						</div>
						<div class="question-answer">
							<span class="question-da">答：</span><div 
								class="question-huida">
								将你的推荐码告知朋友将你的推荐码告知朋友<br />
								将你的推荐码告知朋友<br />
								将你的推荐码告知朋友。。。。
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
